<template>
	<div class="BackstageIndex">
		<div class="header">
			商家主页
		</div>
		<div class="body">
			<table>
				<tr>
					<td @click="$router.push('/backstage/discount')">
						<div class="yuan">
							<img src="../../assets/index_spadman.png" height="88" width="88"/></div>
						<div class="hongzi">
							发布优惠
						</div>
					</td>
					<td @click="$router.push('/backstage/leaseGroup')">
						<div class="yuan">
							<img src="../../assets/index_gruee.png" height="88" width="88"/></div>
						<div class="hongzi">
							发起团购
						</div>
					</td>
					<td @click="$router.push('/backstage/order')">
						<div class="yuan">
							<img src="../../assets/index_cptent.png" height="88" width="88"/></div>
						<div class="hongzi">
							查看订单
						</div>
					</td>
				</tr>
				<tr>
					<td @click="$router.push('/backstage/details')">
						<div class="shanghu">
							<Icon type="ios-contact" size="60" color="white" class="man" />
						</div>
						<div class="hongzi">
							账户
						</div>
					</td>
					<td @click="$router.push('/backstage/goods')">
						<div class="yuan">
							<img src='../../assets/index_man.png' height="88" width="88"/></div>
						<div class="hongzi">
							商品相关
						</div>
					</td>
					<td>
					</td>
				</tr>
			</table>
		</div>
	</div>
</template>

<script>
	export default {
		name: "BackstageIndex",
		data(){
			return{

			}
		},
		methods:{

		}

	};
</script>

<style lang="less">
	.BackstageIndex{
		max-width: 700px;
		margin: auto;
		.header{
			max-width: 700px;
			margin: auto;
			height: 70px;
			line-height: 50px;
			background: rgb(155,177,200);
			text-align: center;
			color: aliceblue;
			font-size: 30px;
			padding: 12px 0px;
		}
		.body{
			max-width: 700px;
			margin: auto;
			background: rgb(206,216,226);
			position: absolute;
			top: 70px;
			left: 0;
			right: 0;
			bottom: 0;
		}
		table{
			margin-top: 80px;
			width: 100%;
		}
		.yuan{
			width: 90px;
			height: 90px;
			border-radius:50%;
			margin: auto;
			padding: 1px;
			background: white;
		}
		.hongzi{
			margin-top: 3px;
			color: #de393e;
			text-align: center;
			font-size: 17px;
			font-family: YouYuan;
		}
		tr{
			height: 140px;
		}
		.shanghu{
			margin: auto;
			width: 90px;
			height: 90px;
			border-radius:50%;
			padding: 14px;
			background: rgb(206,216,226);
			border: white 1px solid;
		}
		.man{
			width: 40px;
			height: 40px;
		}
		.zuhe{
			width: 110px;
			height: 110px;
		}
	}
</style>